<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Cooperative Venture</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<style>
    body {
        width: 100%;
        background-color: #fafafa;
    }
    .header {
        width: 100%;
        line-height: 3rem;
        height: 3rem;
        color: #29b078;
        background-color: white;
        padding: 0 18%;
    }
    .contactus {
        float: right;
        width: 10rem;
        display: flex;
        justify-content: space-between;
        padding-top: 0.5rem;
    }
    .contactus span {
        width: 25px;
        height: 24px;
        background-image: url(img/sprites8.png);
    }
    .wechat {
        background-position: 0 0;
    }
    .qq {
        background-position: -25px 0;
    }
    .weibo {
        background-position: 0 -25px;
    }
    .navigation {
        padding: 0 18%;
        display: flex;
        justify-content: flex-end;
        width: 100%;
        height: 6rem;
        color: white;
        background-color: #29b078;
    }
    .navigation span {
        padding: 2rem;
    }
    .navigation img {
        position: absolute; 
        left: 18%; 
        padding-top: 1rem;
    }
    .nav01 {
        width: 100%;
        padding: 1rem 18%;
    }
    
    .main1 {
        width: 100%;
        padding: 0 18%;
    }
    .main11 {
        float: left;
        width: 30%;
        height: 45rem;
        background-color: white;
        border: 1px #d8d8d8d8 solid;
        line-height: 3rem;
    }
    .main11 h5 {
        padding: 1rem;
        border-bottom: 1px #d8d8d8d8 solid;
        text-align: center;
    }
    .main11 ul {
        list-style-image: url("img/linkstyle.png");
        margin-left: 20%;
    }
    .main11 li a {
        text-decoration: none;
        color: #29b078;
    }
    .main11 a:active {
        color: #ff650e;
    } 
    .main12 {
       float: right;
       width: 65%;
       margin-left: 2rem;
        
      
        background-color: white;
        border: 1px #d8d8d8d8 solid;
        line-height: 2rem;
        color: #999999;
    }
    .main121 {
        display: flex;
        align-items: center;
        background-color: white;
        border: 1px #d8d8d8d8 solid;
        line-height: 2rem;
        padding: 3rem;
    }
    .main122 {
        background-color: white;
        border: 1px #d8d8d8d8 solid;
        line-height: 2rem;
        text-indent: 2rem;
        padding: 3rem;
    }
    .footer {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 2rem 18%;
        color: white;
        background-color: #29b078;
        border: 1px #eeeded solid;
        margin-top: 10rem;
    }
    .footer1 {
        line-height: 5rem;
    }
    .footer2 {
        line-height: 3rem;
    }
    .footer0 {
        text-align: center;
        width: 100%;
        color: white;
        background-color: #29b078;
    }
    /* 链接样式 */
    a {
        text-decoration: none;
        color: white;
    }
    a:hover {
        text-decoration: none;
        color: white;
    }
    /* 媒体查询 */
    @media all and (max-width: 450px) {
        .header {
            padding: 0 5%;
        }
        .navigation {
            padding: 0 5%;
        }
        .navigation span {
            padding: 2rem 1rem;
        }
        .navigation img {
            padding-top: 2rem;
            width: 5rem;
            left: 5%; 
        }
        .main121 {
        display: block;
        background-color: white;
        border: 1px #d8d8d8d8 solid;
        line-height: 2rem;
        padding: 3rem;
        }
        .footer {
            padding: 4rem 5%;
        }
    }
    @media all and (max-width: 768px) {
        .main121 {
        display: block;
        }
        .main11 {
            width: 100%;
        }
        .main12{
            width: 100%;
        }
        .main11 ul {
        margin-left: 18vw;
        }
    }

</style>
<body>
    <div class="header">
        <div class="contactus">
            <span class="wechat"></span>
            <span class="qq"></span>
            <span class="weibo"></span>   
        </div>
        <p>客服热线：010-594-7634</p>  
    </div>
    <div class="navigation">
        <img src="img/logo.png">
        <span style="border-bottom: 0.5rem #ffffff solid;"><a href="home.html">首页</a></span>
        <span>职业</span>
        <span>推荐</span>
        <span style="padding-right: 0;">关于</span>
    </div>
    <div>
        <img src="img/header01.png" style="width: 100%">
    </div>
    <div class="nav01">
        <p>首页><span style="color: #29b078;">合作企业</span></p>   
    </div>
    <div class="main1">
        <div class="main11">
            <h5><strong>合作企业</strong></h5>
            <ul>
                <li><a href="#">阿里巴巴</a></li>
                <li><a href="#">腾讯视频</a></li>
                <li style="list-style-image: url(img/linkstyle2.png);"><a href="#" style="color: #ff650e;">土豆网</a></li>
                <li><a href="#">北京葡萄藤</a></li>
                <li><a href="#">腾讯视频</a></li>
                <li><a href="#">土豆网</a></li>
                <li><a href="#">北京葡萄藤</a></li>
                <li><a href="#">阿里巴巴</a></li>
                <li><a href="#">腾讯视频</a></li>
                <li><a href="#">土豆网</a></li>
                <li><a href="#">北京葡萄藤</a></li>
                <li><a href="#">阿里巴巴</a></li>
            </ul>
        </div>
        <div class="main12">
            <div class="main121">
                <img src="img/tudou.png" align="left" style="margin-left: 2rem;">
                <p>土豆网公司成立于1998年11月， 是目前中国最大的互联网综合服务提供商之一，也是中国服务用户最多的互联网企业之一。成立10多年以来，腾讯一直秉承一切以用户价值为依归的经营理念，始终处于稳健、高速发展的状态。2004年6月16日，腾讯公司在香港联交所主板公开上市（股票代号700）。
                </p>

            </div>
            <div class="main122">
                <p>土豆是中国最早和最具影响力的网络视频平台，是中国网络视频行业的领军品牌。其前身土豆网于2005年4月15日正式上线，是全球最早上线的视频网站之一。2014年1月，“土豆网”正式更名为“土豆”，标志着土豆进入品牌发展的新阶段。</p>
                <p>“每个人都是生活的导演”是土豆从创立第一天始的价值观。土豆相信年轻人的想象力、创造力，相信土豆的平台能帮助年轻人创造出更多，更好的影像作品，来表达对自己、生活和这个时代的看法。同时，土豆提倡尊重“每个人”的个性，尊重每个人自主地选择自己的生活，成为自己成长的导演。</p>
                <p>2012年3月12日，优酷股份有限公司(NYSE: YOKU) (“优酷”) 和土豆股份有限公司 (NASDAQ: TUDO) (“土豆”)共同宣布，优酷和土豆将以100%换股的方式合并。2012年8月20日，优酷土豆合并方案获双方股东大会高票批准通过，优酷土豆集团公司正式诞生。2013年4月，优酷土豆集团宣布进入“集团BU化”运营阶段，提出“优酷更优酷，土豆更土豆”的发展战略。</p>
                <p>2013年2月，杨伟东成为土豆总裁，宣布打造土豆“成为中国年轻人最喜爱的视频网站”，并明确土豆“成为中国最具影响力的青年文化品牌”的愿景，确立了土豆“青春、个性、自主、有趣”的品牌定位，土豆全面进入2.0阶段。通过年轻化的内容、年轻化的产品技术和年轻化的UGC/PGC生态三个方面来全面推动土豆2.0战略。</p>
                <p>2014年3月土豆推出“4+1”战略。其中“4”代表的是土豆在内容方面更专注动漫、音乐、韩国娱乐、时尚四个垂直文化领域。而“1”则代表土豆推出的“一个频道”战略，基于“频道主”和“订阅者”两个视角全方位架构跨屏和线上线下体验系统，并结合用户体验、商业模式、运营机制等环节，提出了5个“一”规划。</p>
                <p>根据第三方调研公司艾瑞的数据，优酷土豆集团在PC端和移动端全平台各项数据持续占据视频行业绝对领先优势，截止2014年3月，土豆每月独立访问用户数量增长到2.43亿。 2013年土豆在移动端的增长也非常迅猛，2013年三季度，土豆移动端获得了高速增长，月均覆盖用户较当年3月增长11倍，平均增长率超过40%；月均视频播放量增长23倍，月平均增幅达60%。</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer1">
            <p>技能树——改变你我</p>
            <p>关于我们 | 联系我们 | 合作企业</p>
        </div>
        <div class="footer2">
            <p>旗下网站</p>
            <p>草船云孵化器 &nbsp;&nbsp; 最强IT特训营</p>
            <p>葡萄藤轻游戏 &nbsp;&nbsp; 桌游精灵</p>
        </div>
        <div class="footer3">
            <p>微信公众平台</p>
            <img src="img/ewm.png">
        </div>
    </div>
    <div class="footer0">
        <p> © 2015技能树 www.jnshu.com  All Rights Reserved | 京ICP备13005880号</p>
    </div>



<script src="js/jquery-3.5.0.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>